@charset "utf-8";
@import "reset";

.container{
    width: 100vw;
    height: 100vh;
    position: relative;
    background: url(../imgs/background.png)no-repeat;
    background-size: cover;

    header{
        width: 99%;
        height: 100%;
        .imgBox{
            // z-index: 10;
            >img{
                width: 100%;
                height: 100%;

            }
        }
        .imgbox{
            z-index: 0;
            display: flex;
            border: 1px solid #333;
            justify-content: space-evenly;
            >img{
                 padding: vw(120);
                width: 30%;
                position: absolute;
            }
        }
    }
    main{
        
        .search{
            display: flex;
            justify-content: space-evenly;
            .seName{
                position: absolute;
                top: 40%;
                width: vw(600);
                height: vw(80);
                background-color: #C5E8FA;
                border-radius: vw(50);
                display: flex;
                justify-content: space-evenly;
                // line-height: vw(50);
                span{
                    width: 20%;


                    display: inline-block;
                    line-height: vw(80);
                    font-size: vw(25);
                    text-align: center;
                }
                input{
                    border: none;
                    flex: 1;
                    border-radius: vw(50);
                    font-size: vw(25);
                    width: 50%;
                    outline: none;
                    background-color: #C5E8FA;
                }
            }
            .sePhone{
                position: absolute;
                top: 50%;
                width: vw(600);
                height: vw(80);
                background-color: #B3D6E6;
                border-radius: vw(50);
                display: flex;
                justify-content: space-evenly;
                // line-height: vw(50);
                span{
                    width: 20%;
                    display: inline-block;
                    line-height: vw(80);
                    text-align: center;
                    font-size: vw(25);

                }
                input{
                    flex: 1;
                    border: none;
                    border-radius: vw(50);
                    background-color: #B3D6E6;
                    font-size: vw(25);
                    outline: none;
                }

            }
            .seCode{
                position: absolute;
                top: 60%;
                width: vw(600);
                height: vw(80);
                background-color: #B3D6E6;
                border-radius: vw(50);
                display: flex;
                justify-content: space-evenly;
                // line-height: vw(50);
                span{
                    width: 30%;

                    display: inline-block;
                    line-height: vw(80);
                    text-align: center;
                    font-size: vw(25);

                }
                input{
                    border-radius: vw(50);
                    flex: 1;
                    font-size: vw(25);
                    border: none;
                    width: 50%;
                    outline: none;
                    background-color: #B3D6E6;
                }
            }
            .Btn{
                position: absolute;
                top: 75%;
                display: flex;
                justify-content: space-evenly;

                .meBtn{
                    button{
                       width: vw(240);
                        height: vw(80);
                        background-color: #B3D6E6;
                        border-radius: vw(60); 
                        margin-right: vw(100);
                    font-size: vw(25);
                    color: #176998;

                    }
                }
                .stBtn{
                    button{
                        width: vw(240);
                        height: vw(80);
                        background-color: #B3D6E6;
                        border-radius: vw(60); 
                        font-size: vw(25);
                        color: #176998;

                    }
                    
                }
            }
        }
    }
}
